<template>
  <div>
    <!-- vue指令:   v-bind属性动态赋值 -->
    <a v-bind:href="url">我是a标签</a>
    <img :src="imgSrc" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      url: "http://www.baidu.com",
      imgSrc:
        "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fa0.att.hudong.com%2F30%2F29%2F01300000201438121627296084016.jpg&refer=http%3A%2F%2Fa0.att.hudong.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1615727817&t=4d75404494549cb7bca7af174a1cb546"
    }
  }
}
</script>

<style>
</style>